*{
    padding: 0;
    margin: 0;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.wrapp{
    .px2rem(width, 375*2);
    .tb{
        .px2rem(width, 375*2);
        .px2rem(height, 50*2);
        .px2rem(line-height, 50*2);
        .t1{
            .px2rem(padding-left, 20*2);
            img{
                .px2rem(width, 133*2);
                .px2rem(height, 29*2);
            }
            span{
                color: red;
                .px2rem(font-size, 24*2);
                .px2rem(width, 24*2);
                .px2rem(height, 18*2);
                .px2rem(line-height, 50*2);
                float: right;
                .px2rem(margin-right, 10*2);
            }
        }
        
    }
}
    .dade{
        .wrap {
            .px2rem(margin-top, 10*2);
                position: relative;
                .px2rem(width, 375*2);
                .px2rem(height, 135*2);
                position: absolute;
                overflow: hidden; 
                .list {
                    .px2rem(width, 3000*2);
                    .px2rem(height, 135*2);
                    position: absolute;
                    list-style: none;
                    .item {
                        .px2rem(width, 375*2);
                        .px2rem(height, 135*2);
                        border: 1px #ccc solid;
                        float: left;
                        img{
                            .px2rem(width, 375*2);
                            .px2rem(height, 135*2);
                        }
                    }
                }
                .dots {
                    position: absolute;
                    .px2rem(left, 40*2);
                    .px2rem(width, 375*2);
                    li {
                        .px2rem(width, 10*2);
                        .px2rem(height, 10*2);
                        float: left;
                        list-style: none;
                        .px2rem(margin-right, 12*2);
                        background-color: #ccc;
                        .px2rem(margin-top, 110*2);
                        .px2rem(border-radius, 50*2);
                        
                    }
                    .current {
                        background-color: red;
                        .px2rem(width, 12*2);
                        .px2rem(height, 5*2);
                    }
                }
            }
            
    }
    .q{
        clear: both;
    }
        .wrap2{
            .px2rem(width, 340*2);
            .px2rem(height, 230*2);
            position: absolute;
            overflow: hidden; 
            .px2rem(top, 180*2);
           
            .list2{
                 .px2rem(width, 1460*2);
                position: absolute;
                position: relative;
                .item2{
                    .px2rem(width, 365*2);
                    float: left;
                    .li1{
                        .px2rem(width, 159*2);
                        .px2rem(height, 230*2);
                        border: 1px #ccc solid;
                        float: left;
                        .px2rem(margin-right, 20*2);
                        .li11{
                            text-align: center;
                            img{
                                .px2rem(width, 159*2);
                                .px2rem(height, 120*2);
                            }
                        }
                        .li12{
                            .px2rem(width, 50*2);
                            .px2rem(height, 50*2);
                            background:orangered  url('../img/13.png') no-repeat;
                            .px2rem(border-radius, 50*2);
                            position: absolute;
                            .px2rem(left, 110);
                            .px2rem(top, 180);

                        }
                        .li13{
                            .px2rem(font-size, 22*2);
                            .px2rem(width, 159*2);
                            text-align: center;
                            .px2rem(margin-top, 40*2);
                        }
                    }
                    .li2{
                        .px2rem(width, 155*2);
                        .px2rem(height, 230*2);
                        border: 1px #ccc solid;
                        float: right;
                        .li21{
                            text-align: center;
                            img{
                                .px2rem(width, 159*2);
                                .px2rem(height, 120*2);
                            }
                        }
                        .li22{
                            .px2rem(width, 50*2);
                            .px2rem(height, 50*2);
                            background:#F4B475  url('../img/13.png') no-repeat;
                            border: 1px #F4B475 solid;
                            .px2rem(border-radius, 50*2);
                            position: absolute;
                            .px2rem(left, 450);
                            .px2rem(top, 180);
                        }
                        .li23{
                            .px2rem(font-size, 22*2);
                            .px2rem(width, 159*2);
                            text-align: center;
                            .px2rem(margin-top, 40*2);
                        }
                    }
                }
            }
            
            .dots2{
               position: absolute;
                li {
                    .px2rem(width, 10*2);
                    .px2rem(height, 10*2);
                    float: left;
                    list-style: none;
                    .px2rem(margin-right, 12*2);
                    background-color: #ccc;
                    .px2rem(margin-top, 110*2);
                    .px2rem(border-radius, 50*2);
                    
                  }
            }
        }
        .anniu{
            .px2rem(top, 480*2);
            .px2rem(left, 180*2);
            .swiper-pagination-bullet-active{
                    background-color: red;
                    .px2rem(width, 18*2);
                    .px2rem(height, 6*2);
                    .px2rem(border-radius, 20*2);
                    .px2rem(margin-right, 20*2);
            }
        }
        .foot{
            .px2rem(margin-top, 250*2);
            .xinwenzhongxin {
                .px2rem(margin-left, 40);
                .px2rem(margin-top, 150);
                p {
                    color: #b8b8b8;
                }
                .xinwen {
                    .px2rem(margin-top, 30);
                    display: flex;
                    justify-content: space-between;
        
                    span {
                        .px2rem(font-size, 21*2);
                    }
        
                    a {
                        .px2rem(margin-right, 150);
                        .px2rem(margin-top, 20);
                        color: #d70011;
                        .px2rem(font-size, 14*2);
                    }
                }
                .shenghuofangshi {
                    .px2rem(margin-top, 30);
                    .px2rem(margin-right, 30);
                    .px2rem(height, 400);
        
                    img {
                        .px2rem(width, 337*2);
                        height: 100%;
                    }
                }
            }
            .sj {
                .px2rem(margin-left, 40);
                .px2rem(margin-top, 60);
        
                .x1 {
                    .px2rem(font-size, 26*2);
                    color: red;
                    font-weight: 700;
                    .px2rem(margin-bottom, 40);
                }
        
                .p1 {
                    .px2rem(font-size, 18*2);
                    .px2rem(margin-bottom, 30);
                }
        
                .p2 {
                    .px2rem(font-size, 30);
                    .px2rem(line-height, 50);
                }
            }
            .tebqiehuan {
                .px2rem(margin-top, 100);
        
                .gongsi {
                    .active{
                       color: red;
                    }
                    ul {
                        display: flex;
                        justify-content: space-around;
                        
                        li {
                            .px2rem(font-size,18*2);
                            
                            .bor {
                                .px2rem(height, 1);
                               
                                .px2rem(margin-top, 20);
                                display: none;
                            }
        
                            .xianshi {
                                display: block;
                            }
                        }
                    }
        
                    .box {
                        .px2rem(margin-top, 50*2);
        
                        .yc {
                            position: absolute;
                            width: 100%;
                            display: none;
        
                            .tanxun {
                                display: flex;
                                justify-content: space-evenly;
                                align-items: center;
                                .px2rem(margin-bottom, 120);
        
                                .shijian {
                                    .px2rem(width, 94*2);
                                    .px2rem(height, 77*2);
                                    .px2rem(padding-top, 10*2);
                                    border-right: 1px dotted #999999;
                                    text-align: center;
        
                                    h1 {
                                        .px2rem(font-size, 44*2);
                                        color: #999999;
                                        font-weight: 400;
                                    }
        
                                    p {
                                        color: #999999;
                                        .px2rem(font-size, 17*2);
                                    }
                                }
        
                                .tanxuanxuan {
                                    .px2rem(margin-left, 10*2);
                                    p{
                                        .px2rem(font-size, 17*2);
                                        color:#4a4a4a;
                                        .px2rem(font-weight, 700);
                                    }
                                }
                            }
                        }
                        .mo {
                            display: block;
                        }
                    }
                }
            }
        }
        .weibu{
            .px2rem(margin-top, 300*2);
            .px2rem(height, 530*2);
            overflow: hidden;
            #swiper-container-disange {
                .px2rem(width, 1600);
                .px2rem(height, 150*2);
                .px2rem(margin-bottom, 80);
                .px2rem(margin-top, 100);
                .swiper-slide .foot_tupian {
                    .px2rem(height,  350*2);
                   
                    .px2rem(padding-left,  20*2);
                    .px2rem(padding-top,  20*2);
                    .f1{
                        float: left;
                        .px2rem(width, 170*2);
                        .px2rem(height, 120*2);
                        background: url('https://www.risesun.cn/Public/Images/home/phpcms/zh-cn/a1.jpg') no-repeat;
                        background-size: 100% 100%;
                        h1{
                            color: #4a4a4a;
                            font-weight: 400;
                            .px2rem(font-size, 18*2);
                            
                        }
                    }
                    .f2{
                        float: left;
                        .px2rem(width, 170*2);
                        .px2rem(height, 120*2);
                        background: url('https://www.risesun.cn/Public/Images/home/phpcms/zh-cn/a2.jpg') no-repeat;
                        background-size: 100% 100%;
                        h1{
                            color: #fff;
                            font-weight: 400;
                            .px2rem(font-size, 18*2);
                            
                        }
                    }
                    .f3{
                        float: left;
                        .px2rem(width, 170*2);
                        .px2rem(height, 120*2);
                        background: url('https://www.risesun.cn/Public/Images/home/phpcms/zh-cn/a3.jpg') no-repeat;
                        background-size: 100% 100%;
                        h1{
                            color: #4a4a4a;
                            font-weight: 400;
                            .px2rem(font-size, 18*2);
                            
                        }
                    }
                    .f4{
                        float: left;
                        .px2rem(width, 170*2);
                        .px2rem(height, 120*2);
                        background: url('https://www.risesun.cn/Public/Images/home/phpcms/zh-cn/a4.jpg') no-repeat;
                        background-size: 100% 100%;
                        h1{
                            color: #fff;
                            font-weight: 400;
                            .px2rem(font-size, 18*2);
                            
                        }
                    }
                    .f5{
                        float: left;
                        .px2rem(width, 170*2);
                        .px2rem(height, 120*2);
                        background: url('https://www.risesun.cn/Public/Images/home/phpcms/zh-cn/a4.jpg') no-repeat;
                        background-size: 100% 100%;
                        h1{
                            color: #4a4a4a;
                            font-weight: 400;
                            .px2rem(font-size, 18*2);
                            
                        }
                    }
                    .f6{
                        float: left;
                        .px2rem(width, 170*2);
                        .px2rem(height, 120*2);
                        background: url('https://www.risesun.cn/Public/Images/home/phpcms/zh-cn/a5.jpg') no-repeat;
                        background-size: 100% 100%;
                        h1{
                            color: #fff;
                            font-weight: 400;
                            .px2rem(font-size, 18*2);
                            
                        }
                    }
                    p{
                        .px2rem(margin-top, 100);
                        .px2rem(font-size, 18*2);
                        .px2rem(margin-left, 80);
                    }
                }
            }
            .q{
                clear: both;
            }
            .mudi{
                .px2rem(font-size, 14*2);
                text-align: center;
                .px2rem(margin-bottom, 30*2);
            }
            .rs{
                display: flex;
                justify-content: space-around;
                align-items: center;
                .px2rem(height, 59*2);
                background-color: #F4F2F2;
                .dibu{
                    .px2rem(width, 140*2);
                    .px2rem(height, 18*2);
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                .denglu{
                    display: flex;
                    .weixin{
                        .px2rem(width, 22*2);
                        .px2rem(height, 23*2);
                        background-color: #999999;
                        .px2rem(border-radius,200);
                        .px2rem(margin-right, 30);
                    }
                    .qq{
                        .px2rem(width, 22*2);
                        .px2rem(height, 23*2);
                        background-color: #999999;
                        .px2rem(border-radius,200);
                    }
                    span{
                        display: block;
                        color: #fff;
                        text-align: center;
                        .px2rem(line-height, 20*2);
                    }
                }
            }
            .zuihou{
                .px2rem(height, 59*2);
                .px2rem(margin-top, 22*2);
                p{
                    color:#999;
                    .px2rem(font-size, 14*2);
                    .px2rem(margin-left, 30);
                    .px2rem(margin-top, 50);
                    img{
                        .px2rem(width, 22*2);
                        .px2rem(height, 22*2);
                        position: relative;
                        .px2rem(top, 10);
                    }
                    span{
                        color:#000;
                    }
                }
            }
            
        }

